<html><head>
		<meta charset="utf-8">
		<title>墨孤</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/mui.picker.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../css/app.css">
		<style>
			#memorial-type-picker{
				height: 100%;
				width: 55%;
				border: none;
			}
			.mui-table-view{
				background: none;
				color: white;
			}
			.mui-input-group{
				background: none;
			}

		</style>
	</head>

	<body>
		<header >
			<h1 class="mg-header">创建星官 </h1>
		</header>

		<div class="mui-content">
			
				<form class="mui-input-group">
					
					<ul id="list" class="mui-table-view mui-table-view-chevron">
				
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="examples/card.html">
								<label>星馆类型</label>
								<button id="memorial-type-picker" class="mui-btn" type="button">选择类型</button>
							</a>
						</li>
				
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="examples/card.html">
							<label>属公众（需审核）</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
							</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="examples/card.html">
							<label>逝者姓名</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
							</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="examples/card.html">
							<label>出生日期</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
							</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="examples/card.html">
							<label>逝世日期</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
							</a>
						</li>
					</ul>
							
					<div class="mui-input-row">
						<label>纪念简语</label>
						<input type="text" class="mui-input-clear" placeholder="带清除按钮的输入框" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
					</div>


				</form>
				<div class="mui-content">
				<button id='login' class="mui-btn mui-btn-block mui-btn-primary mg-btn" data-loading-text="正在添加">登录</button>
			</div>
			
		</div>
	
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/mui.picker.min.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		var $ = mui;
			 $('.mui-content-padded').on('tap', '#memorial-type-picker', function() {
	 			var picker = new mui.PopPicker();
				 picker.setData([{value:'personal',text:'个人馆'},{value:'public',text:'公众管'}]);
				 picker.show(function (selectItems) {
				    console.log(selectItems[0].text);//智子
				    console.log(selectItems[0].value);//zz 
				  })
		
			});
	</script>
</body></html>